<title>行业模式</title>

<link rel="stylesheet" href="/static/public/vendor/bootstrap-select/bootstrap-select.css">
<div class="page-content">
    <div class="collapse in" id="collapseFilter" aria-expanded="true">
        <div class="panel">
            <div class="panel-body">
                <form class="form-inline" id="projectForm">
                    <div class="form-group">
                        <div class="input-daterange input-group">
                            <span class="input-group-addon"><i class="icon wb-calendar" aria-hidden="true"></i></span>
                            <input type="text" class="form-control" id="filter-date" placeholder="创建日期">
                            <input type="hidden" name="startDate">
                            <input type="hidden" name="endDate">
                            <a class="input-group-addon padding-horizontal-10" role="button">
                                <i class="icon wb-close date-close"></i></a>
                        </div>
                    </div>

                    <div class="form-group">
                        <button type="submit" class="btn btn-success"><i class="icon fa-search"></i> 查找</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
    <div class="panel">
        <div class="panel-body">
            <table class="table table-bordered table-hover dataTable table-striped width-full text-nowrap"
                   id="dataTableExample">
                <thead>
                <tr>
                    <th>姓名</th>
                    <th>职位</th>
                    <th>工作地点</th>
                    <th>年龄</th>
                    <th>入职时间</th>
                    <th>年薪</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>

<script src="/static/public/vendor/bootstrap-select/bootstrap-select.min.js"></script>
<script src="/static/public/vendor/layer/layer.min.js"></script>
<script type="text/javascript">
    function openDialog() {
        layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            shadeClose: true,
            skin: 'yourclass',
            content: '自定义HTML内容'
        });
//        Dialog.open("上传文件","/sys/file/uploadFile/1");
    }
    $(function () {
        var $table = $('#dataTableExample').DataTable($.po('dataTable', {
            "processing": true,
            "serverSide": true,
            "ajax": "/sys/file/getFileList/1",
            "dom": '<"dt-dom-toolbar">rt<"bottom"pi>'
        }));

        $("div.dt-dom-toolbar").append('<a class="btn btn-success margin-bottom-15"  href="#" onclick="openDialog()"><i class="icon wb-upload" aria-hidden="true"></i>上传文件</a>');
        $("div.dt-dom-toolbar").append('<a  class="btn btn-success margin-bottom-15 margin-left-15" href="#"><i class="icon wb-download" aria-hidden="true"></i>下载模板</a>');
        function reloadData() {
            $table.ajax.reload();
        }
    });

</script>